<template>
	<view class="wrapper">
		<scroll-view :style="'height:' + windowHeight + 'px'" style="background-color: #FFFFFF;border-radius: 2rpx;"
			scroll-y>
			<view style="padding: 0 18rpx;" class="">
				<view style="position: relative;">
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						时间: {{ transcriptList.startTime.year }}年{{ transcriptList.startTime.month }}月
						{{ transcriptList.startTime.day }}日{{ transcriptList.startTime.hour }}时{{ transcriptList.startTime.minter }}分
						至: {{ transcriptList.endTime.year }}年{{ transcriptList.endTime.month }}月
						{{ transcriptList.endTime.day }}日{{ transcriptList.endTime.hour }}时
						{{ transcriptList.endTime.minter }}分
					</view>
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						地点: {{ transcriptList.inquiryDetailDo.inquiryRoom }}
					</view>
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						询问人（签名）: {{ transcriptList.askPersonInfo.personName }}
						工作单位: {{ transcriptList.askPersonInfo.workUnit }}
					</view>
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						记录人（签名）:{{ transcriptList.recordPersonInfo.personName }}
						工作单位: {{ transcriptList.recordPersonInfo.workUnit }}
					</view>
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						<!-- 被询问人: 刘强 -->
						姓名: {{ transcriptList.inquiryDetailDo.beInquiryName }}
						<text >
							性别: {{ transcriptList.inquiryDetailDo.gender == 0 ? '男' : '女' }}
						</text>
						<!-- 年龄: 22 -->
						<text>
							年龄:{{ transcriptList.inquiryDetailDo.age }}
						</text>
						<!-- 出生日期: 1996-12-25 -->
						<text>
							出生日期:{{ transcriptList.inquiryDetailDo.birthDay }}
						</text>
					</view>
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						<!-- 身份证件种类及号码: 身份证 -->
						身份证种类及号码:{{ transcriptList.inquiryDetailDo.idType == 1 ? '身份证' : transcriptList.inquiryDetailDo.idType == 2 ? '普通护照' : transcriptList.inquiryDetailDo.idType == 3 ? '台湾通行证' : transcriptList.inquiryDetailDo.idType == 4 ? '台湾居民来往大陆通行证' : transcriptList.inquiryDetailDo.idType == 5 ? '外国人永久居住证' : transcriptList.inquiryDetailDo.idType == 6 ? '港澳通行证' : '' }}
						{{ transcriptList.inquiryDetailDo.idCode }}
					</view>
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						<!-- 现住址: 浙江省滨江区 -->
						电话:{{ transcriptList.inquiryDetailDo.phone }}
					</view>
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						<!-- 户籍所在地: 湖南省长沙市 -->
						现住地址:{{ transcriptList.inquiryDetailDo.liveAddress }}
					</view>
					<view class="linediv"></view>
				</view>
				<view style="position: relative;">
					<view class="divcss5-x1">
						（远程的被询问人{{ transcriptList.startTime.month }}月{{ transcriptList.startTime.day }}
						日{{ transcriptList.startTime.hour }}时
						{{ transcriptList.startTime.minter }}分开始询问
						，{{ transcriptList.endTime.month }}月{{ transcriptList.endTime.day }}
						日{{ transcriptList.endTime.hour }}时
						{{ transcriptList.endTime.minter }}分结束，本人签名
						）。
					</view>
					<view class="linediv"></view>
				</view>
				<block v-for="(item,index) in transcriptList.qaDoList" :key="index">
					<view style="position: relative;">
						<view class="divcss5-x1">问: {{item.question}}</view>
						<view class="linediv"></view>
					</view>
					<view style="position: relative;">
						<view class="divcss5-x1">答: {{item.answer}}</view>
						<view class="linediv"></view>
					</view>
				</block>
			</view>
		</scroll-view>
		<view @click="submit"
			style="height: 80rpx;background: #3961FA;border-radius: 4rpx;margin-top: 24rpx;color: #FFFFFF;"
			class="center">
			提交
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			transcriptList: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {
				windowHeight: 0
			}
		},
		mounted() {
			uni.getSystemInfo({
				success: (res) => {
					this.windowHeight = res.windowHeight - 78
				}
			});
		},
		methods: {
			submit() {
				this.$emit('submit')
			}
		}
	}
</script>

<style lang="scss">
	.wrapper {
		padding: 20rpx 24rpx 33rpx 24rpx;
		box-sizing: border-box;
		background-color: #F8F9FE;
		// position: fixed;
		// width: 100vw !important;
		// top: 0 !important;
		// bottom: 0 !important;
		// left: 0 !important;
		// right: 0 !important;
		// z-index: 9999 !important;
	}

	.divcss5-x10 {
		padding-bottom: 20rpx;
		border-bottom: 1rpx solid #E6E6E6;
		display: inline;
		line-height: 80rpx;
		color: #333333;
		font-size: 28rpx;
	}

	.divcss5-x1 {
		padding-bottom: 20rpx;
		border-bottom: 1rpx solid #E6E6E6;
		display: inline;
		line-height: 80rpx;
		color: #333333;
		font-size: 28rpx;
	}

	.linediv {
		position: absolute;
		border-bottom: 1rpx solid #E6E6E6;
		bottom: 1rpx;
		left: 0;
		right: 0;
		width: 99%;
	}
</style>
<style>
	page {
		background-color: #F8F9FE;
	}

	scroll-view ::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
		display: none;
	}
</style>
